<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<jsp:useBean id="dateValue" class="java.util.Date"/>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/webjars/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="/static/css/supervise/imp/timeline.min.css"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=${AK}"></script>
    <title>评价详细信息</title>
    <style>

        <%--百度地图取消显示logo--%>
        .BMap_cpyCtrl {display: none;}
        .anchorBL {display: none;}


        .contain .contain-left{
            padding:0px 15px;
        }
        .contain .contain-left .map{
            width:100%;
            height:200px;
        }
        td{
            cursor: pointer;
        }
        .detail .title{
            width:12%;
            text-align: center;
        }
        .detail .content{
            text-align:left ;
        }
    </style>
</head>
<body>

<div class="layui-row info" style="margin-bottom:20px;">
    <div class="layui-row" >
        <blockquote class="layui-elem-quote">评价详情：</blockquote>
    </div>

    <div class="layui-row contain">
        <div class="layui-col-sm4 contain-left">
            <div class="map" id="map"></div>
                <div class="title">案件详情：</div>
                <div class="content">${reportFormat.ctReport.content}</div>
        </div>
        <div class="layui-col-sm8 contain-right">
            <table class="layui-table detail" lay-even lay-skin="nob">
                <tr>

                    <td class="title" width="10%">标题：</td>
                    <td class="content" width="20%">${reportFormat.ctReport.title} </td>

                    <td class="title" >事件地点：</td>
                    <td class="content" width="20%">${reportFormat.ctReport.address} </td>

                </tr>
                <tr>
                    <td class="title" width="10%">上报人员：</td>
                    <td class="content">${reportFormat.reportName}</td>

                    <td class="title" width="10%">处理部门：</td>
                    <td class="content">${reportFormat.branchName}</td>
                </tr>
                <tr>
                    <td class="title" >上报类型：</td>
                    <td class="content">${reportFormat.categoryName}</td>

                    <td class="title" >受理员：</td>
                    <td class="content">${reportFormat.handleManName}</td>
                </tr>
                <tr>
                    <td class="title" >事件大类：</td>
                    <td class="content">${reportFormat.typeBigName}</td>

                    <td class="title" >案件性质：</td>
                    <td class="content">${reportFormat.natureName}</td>
                </tr>
                <tr>
                    <td class="title" >事件小类：</td>
                    <td class="content">${reportFormat.typeSmallName}</td>

                    <td class="title" >进展时间：</td>
                    <td class="content">${reportFormat.ctReport.updateTime}</td>
                </tr>

                <tr>
                    <td class="title" >事件状态：</td>
                    <td class="content">${reportFormat.scheduleName}</td>

                    <td class="title" >案发时间：</td>
                    <td class="content">
                        <jsp:setProperty name="dateValue" property="time" value="${reportFormat.ctReport.createTime}"/>
                        <fmt:formatDate value="${dateValue}" pattern="yyyy-MM-dd HH:mm:ss"/>
                    </td>
                </tr>
            </table>
            <div class="right-content">
                <div class="title">评价内容：</div>
                <div class="content">${reportFormat.ctReport.comment}</div>
            </div>
        </div>
    </div>

</div>


<script src="/static/webjars/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/supervise/imp/timeline.min.js"></script>
<script>
    //创建地图
    var lng = ${reportFormat.ctReport.lng},
        lat = ${reportFormat.ctReport.lat};
    var map = new BMap.Map("map");         // 创建地图实例
    var point = new BMap.Point(lng,lat);    // 创建点坐标
    map.centerAndZoom(point, 15);                   // 设置缩放度
    map.enableScrollWheelZoom();                  //启用滚轮放大缩小


    addMarker(point);

    // 编写自定义函数,创建标注
    function addMarker(pt){
        var marker = new BMap.Marker(pt);
        map.addOverlay(marker);
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    }
</script>

</body>
</html>